<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>框架</title>
		<style>
			div{
				border: #8B0000 solid 1px ;
				margin: 5px;
			    float: left;
			}
		</style>
	</head>
	<body>
		<div style="height: 800px; width: 30%; ">
		   <ul>
			    <li><a href="1.html" target="frm1">页面1</a></li>
				<li><a href="1.html#a1" target="frm1">页面1内的锚点1</a></li>
				
				<li><a href="1.html#a2" target="frm1">页面1内的锚点2</a></li>
				
				<li><a href="1.html#a3" target="frm1">页面1内的锚点3</a></li>
				
				<li><a href="1.html#a4" target="frm1">页面1内的锚点4</a></li>
				
				<li><a href="1.html#a5" target="frm1">页面1内的锚点5</a></li>
				
				<li><a href="2.html" target="frm1">页面2</a></li>
				<li><a href="3.html" target="frm1">页面3</a></li>
				<li><a href="4.html" target="frm1">页面4</a></li>
		    </ul>
		</div>
		<div style="height: 800px; width: 65%;">
		    <!--iframe相当于页面内置的一个浏览器-->
		    <iframe style="border: #7FFFD4 solid 1px; height: 100%; width: 100%;"  id="frm1" name="frm1">
		    	 
		    </iframe>
		</div>
		
	</body>
</html>
